<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="js/v2.6.10/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<img src="img/03.jpg" style="height: 350px; width:330px" v-show="downIcon"/>			
			<img src="img/04.jpg" style="height: 350px; width:330px" v-show="!downIcon"/>			
			<br />
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<input type="submit" v-on:click="collect" value="切换图片" />
		</div>
		
		<script>
		 var i = new Vue({
			 el:"#app",
			 data:{
				downIcon: true
			 },
			 methods:{
				collect() {
				            //根据downIcon判断此时的状态是true还是false
				            //对downIcon对状态进行取反
				            this.downIcon = !this.downIcon
				        }

			 }
		 })
		</script>
	</body>
</html>
